<template>
  <div class="OptionsPage">
    <van-nav-bar
      left-arrow
      title="修改密码"
      right-text="完成"
      @click-left="onClickLeft"
      :border="false"
    />
    <div style="height: 10px"></div>
    <div class="oldPwd">
      <input type="text" placeholder="请输入旧密码" />
    </div>
    <hr />
    <div class="oldPwd">
      <input type="text" placeholder="请输入新密码(6-16位)" />
    </div>
    <hr />
    <div class="oldPwd">
      <input type="text" placeholder="请确认新密码(6-16位)" />
    </div>
  </div>
</template>
  <script setup lang="ts">
import { useRouter } from "vue-router";
const router = useRouter();
const onClickLeft = () => history.back();
function changeInfo() {
  router.push({
    name: "changeInfo",
  });
}
</script>
  <style scoped>
.OptionsPage {
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.047);
}
img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.van-cell {
  align-items: center;
}
.oldPwd {
  width: 100%;
  height: 50px;
  /* border: 1px solid blue; */
  background-color: white;
}
.oldPwd > input {
  border: none;
  width: 100%;
  height: 100%;
}
</style>

  <style>
.van-icon-arrow-left:before {
  color: gray;
  /* float: center; */
}
.van-nav-bar__text {
  color: gray;
}
</style>
  